<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>少年宫M站报名系统 | 报名公告</title>
		<meta name="format-detection" content="telephone=no">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-touch-fullscreen" content="yes">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
        <link href="css/global.css" type="text/css" rel="stylesheet">
        <link rel="stylesheet/less" type="text/css" href="css/style_green.less"/>
        <script type="text/javascript" src="js/less.js" ></script>
	</head>
	<body>
		<div class="main_top">
        	<div class="main_top_l">
        		<a href=""><img src="images/return.png"/></a>
        	</div>
        	<div class="main_top_m">
        	公 &nbsp;告
        	</div>
        </div>
        <div class="main_content">
			<div class="search_list notice_list">
        		<div class="list_con">
        			<div class="list_con_l notice_con_l">
        				<p class="click_m">
        					<span>2016年下半年小组活动课时表</span>
        					<br />
        					发布时间：2016-10-12
        				</p>
	        		</div>
	        		<div class="list_con_r notice_con_r">
	        			<a href="#" class="readmore">查看</a>
	        		</div>
	        		<div class="modal" style="display: none;">
						<div class="search_list modal_notice">
			        		<img  src="images/notice/1464338514410025823.jpg"/>  
			        		<span class="close_notice"></span>
						</div>
					</div>
        		</div>
        	</div>
        	<div class="search_list notice_list">
        		<div class="list_con">
        			<div class="list_con_l notice_con_l">
        				<p class="click_m">
        					<span>忘记登录账户及密码问题</span>
        					<br />
        					发布时间：2016-10-12
        				</p>
	        		</div>
	        		<div class="list_con_r notice_con_r">
	        			<a href="#" class="readmore">查看</a>
	        		</div>
	        		<div class="modal" style="display: none;">
						<div class="search_list modal_notice">
        					<p class="level1">温馨提示：
        						<br />
						登录账户为学员身份证号，密码可以通过手机号找回。
        					</p>
			        		<span class="close_notice"></span>
						</div>
					</div>
        		</div>
        	</div>
        	<div class="notice_li">
        		<div class="notice_con">
        			<p class="level2">
        				忘记登录账户及密码问题  <span id="">
        					2016-10-19
        				</span>
        			</p>
        			<p class="level3" style="width:65%">
        				温馨提示：登录账户为学员身份证号，密码可以通过手机号找回。
        			</p>
        			<div class="read">
        				
        				查看
        			</div>
        			<div class="modal" style="display: none;">
        				<div class="search_list modal_notice">
        					<div class="modal_top">
        						公 告
        					</div>
        					<div class="modal_con">
        						<p class="level2 ">
			        				忘记登录账户及密码问题  <span id="">
			        					2016-10-19
			        				</span>
			        			</p>
			        			<p class="level3 textal">
			        				温馨提示：登录账户为学员身份证号，密码可以通过手机号找回。
			        				温馨提示：登录账户为学员身份证号，密码可以通过手机号找回。
			        				温馨提示：登录账户为学员身份证号，密码可以通过手机号找回。
			        			</p>
			        			<button class="closebtn">关闭</button>
        					</div>
						</div>
        			</div>
        		</div>
        	</div>
        	<div class="notice_li">
        		<div class="notice_con">
        			<div class="notice_conin">
        				<p class="level2">
	        				忘记登录账户及密码问题  <span id="">
	        					2016-10-19
	        				</span>
	        			</p>
	        			<p class="level3">
	        				温馨提示：登录账户为学员身份证号，密码可以通过手机号找回。
	        				温馨提示：登录账户为学员身份证号，密码可以通过手机号找回。
	        			</p>
        			</div>
        			<div class="modal" style="display: none;">
        				<div class="search_list modal_notice">
        					<div class="modal_top">
        						公 告
        					</div>
        					<div class="modal_con">
        						<p class="level2 ">
			        				忘记登录账户及密码问题  <span id="">
			        					2016-10-19
			        				</span>
			        			</p>
			        			<p class="level3 textal">
			        				温馨提示：登录账户为学员身份证号，密码可以通过手机号找回。
			        				温馨提示：登录账户为学员身份证号，密码可以通过手机号找回。
			        				温馨提示：登录账户为学员身份证号，密码可以通过手机号找回。
			        			</p>
			        			<button class="closebtn">关闭</button>
        					</div>
						</div>
        			</div>
        		</div>
        	</div>
        </div>
        <div class="point">
        	<p>确认提交/退出？</p>
        </div>
        <div class="main_bot">
        	<ul>
        		<li class="">
        			<a href="#">
        				<div class="choose">
        				</div>
	        			<span >选班</span>
	        		</a>
	        	</li>
	        	<li class=" ">
        			<a href="#">
        				<div class="list">
        				</div>
	        			<span >我的报班</span>
	        		</a>
	        	</li>
	        	<li class=" ">
        			<!--<a href="/choose_old.html">
        				<div class="message">
        				</div>
	        			<span >学员信息</span>
	        		</a>-->
	        		<a href="usermsg.html">
        				<div class="manage">
        				</div>
	        			<span >设置</span>
	        		</a>
	        	</li>
	        	<li class="select">
        			<a href="#">
        				<div class="notice">
        				</div>
	        			<span >公告</span>
	        		</a>
	        	</li>
        	</ul>
        </div>
	 	<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
		<script type="text/javascript">
			$(function(){
				$(".readmore").click(function(){
					$(this).parent().siblings(".modal").fadeIn();
				});
				$(".read").click(function(){
					$(this).siblings(".modal").fadeIn();
				});
				$(".notice_conin").click(function(){
					$(this).siblings(".modal").fadeIn();
				});
				$(".closebtn").click(function(){
					$(".modal").fadeOut();
				});
				$(".close_notice").click(function(){
					$(".modal").fadeOut();
				});
				$(".main_bot>ul>li").click(function(){
					$(this).addClass("select").siblings().removeClass("select")
				})
			})
			</script>
	
	</body>
</html>
